{% extends "base.html" %}
{% block title %}拍拍信大数据架构{% endblock %}
{% block head%}
{% endblock %}
{% block contentheader %}数据存储{% endblock %}
{% block contentsmallheader %}实时、离线各库之间的关系{% endblock %}
{% block content %}
<div class="panel panel-default" id="panel_db">
    <ul id="myTab" class="nav nav-tabs">
        <li class="active"><a href="#home" data-toggle="tab">
            Hive</a></li>
        <li><a href="#ios" data-toggle="tab">HBase</a></li>

    </ul>
    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade in active" id="home">
            <p>
                <img src="static/img/hive-db.png" class="img-responsive left-block">
            </p>
        </div>
        <div class="tab-pane fade" id="ios">
            <p>
                <img src="" class="img-responsive left-block">
            </p>
        </div>
    </div>
</div>
{%endblock%}
{% block script %}
<script type="text/javascript">
    function add_class() {
        $('#treeview1').addClass('active');
        $('#menu1').addClass('menu-open');
        $('#datastore').addClass('active');
    }
</script>
{% endblock %}